.all-box{
  background-image: url(../../assets/images/bg.png);
  width: 100%;
  height: 100vmin;
  z-index: 0;
}
.title-name{
  position: absolute;
  width: 100%;
}
.title-name p{
  font-size: 0.4rem;
  color: #FFFFFF;

  padding-top: 0.4rem;
  padding-left: 0.5rem;
  text-shadow:0.13em 0.13em #5a0404;
  letter-spacing: 0.03rem;
  float: left;
}
.buttom-box-wit{
  width: 33.33333333%;
}
.buttom-box-wit .buttom-mun{
  margin: 0 auto;
  width: 3rem;
  height: 1.7rem;
  border-radius: 0.04rem;
  border: 1px solid #747474;
  text-align: center;
  background-color: rgba(255,255,255,0.12);

}
.buttom-box-wit .buttom-mun:hover{
    background: linear-gradient(to bottom,rgb(137,0,0),rgb(95,0,0));
    border: 1px solid #9d0000;
}
.buttom-box-wit .buttom-mun{
}
.buttom-box-wit .buttom-mun p{
  line-height:1.7rem;
  color: #FFFFFF;
  font-size: 0.28rem;

}
.buttom-area{
  display: flex;
  margin: 0 auto;
  width: 55%;
  margin-bottom: 0.3rem;
}
.box-center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.arrow-left{
  position: absolute;
  left: 18%;
  top:50%;
  transform: translateY(-50%);
}
.arrow-right{
  position: absolute;
  right: 18%;
  top:50%;
  transform: translateY(-50%);
}
.add-input-area{
  text-align: center;
}

.add-input-area span{
  color: #FFFFFF;
  font-size: 0.26rem;
}
.add-input-area input{
  height: 0.4rem;
  width: 4rem;
  border: 1px solid #5A0404;
  text-indent:10px ;
  font-size: 0.18rem;
}
